import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

export default new Router({
    routes: [
        {
            path: '/',
            redirect: '/PersonalPage'
        },
        {
            path: '/',
            component: () => import(/* webpackChunkName: "home" */ '../components/common/Home.vue'),
            meta: { title: '自述文件' },
            children: [
                {
                    path: '/PersonalPage',
                    component: () => import(/* webpackChunkName: "dashboard" */ '../components/page/PersonalPage.vue'),
                    meta: { title: '个人主页' }
                },
                {
                    path: '/CreateCharacter',
                    component: () => import(/* webpackChunkName: "icon" */ '../components/page/CreateCharacter.vue'),
                    meta: { title: '创建角色' }
                },
                {
                    path: '/Index',
                    component: () => import(/* webpackChunkName: "table" */ '../components/page/Index.vue'),
                    meta: { title: '房间列表' }
                },
                {
                    path: '/ModuleUpload',
                    component: () => import(/* webpackChunkName: "tabs" */ '../components/page/ModuleUpload.vue'),
                    meta: { title: '上传模组' }
                },
                // {
                //     path: '/form',
                //     component: () => import(/* webpackChunkName: "form" */ '../components/page/BaseForm.vue'),
                //     meta: { title: '基本表单' }
                // },
                // {
                //     // 富文本编辑器组件
                //     path: '/editor',
                //     component: () => import(/* webpackChunkName: "editor" */ '../components/page/VueEditor.vue'),
                //     meta: { title: '富文本编辑器' }
                // },
                // {
                //     // markdown组件
                //     path: '/markdown',
                //     component: () => import(/* webpackChunkName: "markdown" */ '../components/page/Markdown.vue'),
                //     meta: { title: 'markdown编辑器' }
                // },
                {
                    // 图片上传组件
                    path: '/Upload',
                    component: () => import(/* webpackChunkName: "upload" */ '../components/page/Upload.vue'),
                    meta: { title: '文件上传' }
                },
                {
                    // vue-schart组件
                    path: '/Room',
                    component: () => import(/* webpackChunkName: "chart" */ '../components/page/Room.vue'),
                    meta: { title: '房间' },
                    children: [
                        {
                            path: '/roomchatlist',
                            component: () => import(/* webpackChunkName: "chart" */ '../components/page/RoomChatList.vue'),
                            meta: { title: '房间列表' },
                            children: [
                                {
                                    path: '/chatroom',
                                    name: 'chatroom',
                                    component: () => import(/* webpackChunkName: "chart" */ '../components/page/ChatRoom.vue'),
                                    meta: { title: '聊天窗口' }
                                }
                            ]
                        }
                    ]
                },
                // {
                //     // 拖拽列表组件
                //     path: '/drag',
                //     component: () => import(/* webpackChunkName: "drag" */ '../components/page/DragList.vue'),
                //     meta: { title: '拖拽列表' }
                // },
                // {
                //     // 拖拽Dialog组件
                //     path: '/dialog',
                //     component: () => import(/* webpackChunkName: "dragdialog" */ '../components/page/DragDialog.vue'),
                //     meta: { title: '拖拽弹框' }
                // },
                {
                    // 国际化组件
                    path: '/Module',
                    component: () => import(/* webpackChunkName: "i18n" */ '../components/page/Module.vue'),
                    meta: { title: '模组' }
                }
                // {
                //     // 权限页面
                //     path: '/permission',
                //     component: () => import(/* webpackChunkName: "permission" */ '../components/page/Permission.vue'),
                //     meta: { title: '权限测试', permission: true }
                // },
                // {
                //     path: '/404',
                //     component: () => import(/* webpackChunkName: "404" */ '../components/page/404.vue'),
                //     meta: { title: '404' }
                // },
                // {
                //     path: '/403',
                //     component: () => import(/* webpackChunkName: "403" */ '../components/page/403.vue'),
                //     meta: { title: '403' }
                // },
                // {
                //     path: '/donate',
                //     component: () => import(/* webpackChunkName: "donate" */ '../components/page/Donate.vue'),
                //     meta: { title: '支持作者' }
                // }
            ]
        },
        {
            path: '/login',
            component: () => import(/* webpackChunkName: "login" */ '../components/page/Login.vue'),
            meta: { title: '登录' }
        },
        {
            path: '*',
            redirect: '/404'
        }
    ]
});
